<template>
  <ml-navigation fill :theme="theme" width="200px" height="700px" :collapse="collapse">
    <ml-nav-group :collapsable="false" title="主菜单">
      <ml-nav-item icon="git-repo" :to="{name: 'Show'}">
        Show
      </ml-nav-item>
    </ml-nav-group>
  </ml-navigation>
</template>

<script>
export default {
  data () {
    return {
      theme: {
        primary: '#ffffff',
        secondary: '#c7d5e8',
        background: '#07001f',
        active: '#15007d',
        hover: '#15007d',
        selected: '#1b00a0'
      }
    }
  },
  computed: {
    activeIndex () {
      return this.$route.name
    }
  },
  props: ['collapse']
}
</script>

<style lang="stylus" scoped>
</style>
